<script setup>
import {reactive, ref} from 'vue'
//import draggableTable5 from './draggableDrawer.vue'
import ColumnConfigDrawer from '@/views/modules/basicDrawer/ColumnConfigDrawer.vue'
import DraggableEditableTable from "@/components/YGCrm/DraggableEditableTable.vue";

const instance = getCurrentInstance()
const columnsDetail = reactive([
])
// instance.ctx.columnsDetail = columnsDetail
const visible = ref(false)
const onDataUpdate = (data) => {
  //props.currentConfigData = data
  console.error("onDataUpdate", JSON.stringify(data))
}
const onClose = () => {
  visible.value = false
}
const columnConfigKey = ref("checkingBillDetail")
</script>

<template>
  <div>
    <button @click="visible = true">打开配置抽屉</button>
    <ColumnConfigDrawer :visible="visible" @close="onClose" :keyId="columnConfigKey"
                        show-sequence
                        showDragHandle
                        deletable
                        selectable
                        showAddRow
                        :originalConfigData="columnsDetail" :currentConfigData="columnsDetail"/>

  </div>
</template>

<style scoped lang="scss">

</style>